@import "../../../wxParse/wxParse.wxss";
@import '../../../app.wxss';

.swiper {
    width: 100%;
    height: 686rpx;

    .swiper-i {
        .good-img {
            width: 100%;
            height: 686rpx;
        }

        video {
            width: 100%;
            height: 100%;
        }
    }
}

.h82 {
    height: 82rpx;
    width: 100%;
    display: flex;
    position: relative;

    .lt {

        width: 260rpx;
        height: 82rpx;
    }

    .rt {
        height: 82rpx;
        position: absolute;
        right: 0;
        font-size: 30rpx;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: 530rpx;
        justify-content: flex-end;

        .cheng {
            width: 530rpx;

            height: 82rpx;
            position: absolute;
            right: 0;

        }

        .end {
            color: #FFFFFF;
            display: flex;
            justify-content: flex-end;
            padding-right: 20rpx;
            box-sizing: border-box;
            text-align: center;
            position: relative;
        }
    }
}

.good-info {
    padding: 0 30rpx;
    box-sizing: border-box;
    border-bottom: 24rpx #f3f3f3 solid;

    .score-colshare {
        height: 100rpx;
        display: flex;
        justify-content: space-between;

        align-items: center;

        .flex1 {
            display: flex;
            align-items: center;
            .cheng {
                display: flex;
            align-items: center;
                .score {
                    font-size: 32rpx;
                    color: rgba(227, 42, 19, 1);
                }
            }

            .gray {
                display: flex;
            align-items: center;
                margin-left: 10rpx;
                .score {
                    font-size: 24rpx;
                    color: rgba(153, 153, 153, 1);
                    text-decoration:line-through;
                }
            }
        }


        .colshare {
            display: flex;

            .share {
                margin-left: 20rpx;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background: #fff;
                padding: 0;
                line-height: unset;

                &::after {
                    border: 0;
                }

                image {
                    width: 30rpx;
                    height: 30rpx;
                }

                view {
                    font-size: 22rpx;
                    color: #999999;
                }
            }

            .collect {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100rpx;

                image {
                    width: 32rpx;
                    height: 32rpx;
                }

                view {
                    font-size: 22rpx;
                    color: #999999;
                }
            }
        }
    }

    .good-title {
        font-size: 32rpx;
        color: #333333;
    }

    .intro {
        margin-top: 30rpx;
        font-size: 28rpx;
        color: rgba(153, 153, 153, 1);
    }

    .limit-buy {
        margin-top: 30rpx;
        display: flex;
        margin-bottom: 44rpx;

        .tis {
            width: 74rpx;
            height: 42rpx;
            background: linear-gradient(270deg, rgba(204, 173, 127, 1) 0%, rgba(212, 184, 142, 1) 100%);
            border-radius: 4rpx;
            font-size: 28rpx;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .xianl {
            flex: 1;
            margin-left: 20rpx;
            font-size: 30rpx;
            color: #B07E34;
        }
    }
}

.appraise {
    .telphone {
        font-size: 30rpx;
        color: #666666;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10rpx;
    }

    .appraise-top {
        display: flex;
        align-items: center;
        height: 100rpx;
        padding: 0 30rpx;
        box-sizing: border-box;
        border-bottom: 2rpx solid #dbdbdb;
        justify-content: space-between;

        .appraise-lt {
            font-size: 30rpx;
            color: #999999;

            text {
                font-size: 28rpx;
                color: rgba(227, 42, 19, 1);
            }
        }

        .appraise-rt {
            font-size: 30rpx;
            color: #999999;
        }
    }

    .new-appraise {
        padding: 30rpx;
        box-sizing: border-box;
        border-bottom: #f3f3f3 solid 24rpx;

        .new-appraise-text {
            font-size: 30rpx;
            color: #333333;
        }

        .new-appraise-imgs {
            display: flex;
            flex-wrap: wrap;

            .imgs:last-child {
                margin-right: 0;
            }

            .imgs {
                width: 160rpx;
                height: 160rpx;
                margin-right: 16rpx;
                margin-top: 24rpx;
            }
        }
    }
}

.product-detail {
    padding: 0 24rpx;
    box-sizing: border-box;

    .pro-text {
        height: 130rpx;
        display: flex;
        align-items: center;
        padding-left: 18rpx;
        font-weight: bold;
        font-size: 32rpx;
        color: #666666;
        position: relative;

        &::before {
            width: 8rpx;
            height: 28rpx;
            background: rgba(0, 165, 158, 1);
            border-radius: 4rpx;
            content: "";
            position: absolute;
            left: 0;
        }
    }

    .desc {
        width: 100%;
        margin-bottom: 50rpx;

        image {
            width: 100%;
        }
    }
}

.exc {
    width: 100%;
    height: 150rpx;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px -8rpx 16rpx 0px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    .exchange {
        width: 590rpx;
        height: 90rpx;
        background: linear-gradient(90deg, rgba(254, 123, 94, 1) 0%, rgba(236, 53, 29, 1) 100%);
        border-radius: 4rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        font-size: 36rpx;
    }
}

.jinyong {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    color: #fff;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50rpx;
    box-sizing: border-box;
    flex-direction: column;
}